草庐IT

ArkTS 栅格

全部标签

HarmonyOS开发—Arkts循环渲染(ForEach)深入运用详解【鸿蒙专栏-16】

文章目录ArkTSForEach接口详解与应用示例ForEach接口概述介绍接口描述参数说明键值生成规则默认规则组件创建规则首次渲染非首次渲染使用场景高级用法条件渲染逻辑LazyForEach的性能优化渲染结果预期

HarmonyOS ArkTS 应用添加弹窗(八)

概述在我们日常使用应用的时候,可能会进行一些敏感的操作,比如删除联系人,这时候我们给应用添加弹窗来提示用户是否需要执行该操作,如下图所示:弹窗是一种模态窗口,通常用来展示用户当前需要的或用户必须关注的信息或操作。在弹出框消失之前,用户无法操作其他界面内容。ArkUI为我们提供了丰富的弹窗功能,弹窗按照功能可以分为以下两类:确认类:例如警告弹窗AlertDialog。选择类:包括文本选择弹窗TextPickerDialog、日期滑动选择弹窗DatePickerDialog、时间滑动选择弹窗TimePickerDialog等。您可以根据业务场景,选择不同类型的弹窗。部分弹窗效果图如下:此外,如果上

鸿蒙ArkTS/ArkUI实战-装饰器@State、@Observed和@ObjectLink

@State装饰器:组件内状态@State状态数据具有以下特征:1、支持多种类型:允许class、number、boolean、string强类型的按值和按引用类型。允许这些强类型构成的数组,即Array、Array、Array、Array。不允许object和any。2、支持多实例:组件不同实例的内部状态数据独立。3、内部私有:标记为@State的属性是私有变量,只能在组件内访问。4、需要本地初始化:必须为所有@State变量分配初始值,将变量保持未初始化可能导致框架行为未定义。5、创建自定义组件时支持通过状态变量名设置初始值:在创建组件实例时,可以通过变量名显式指定@State状态属性的初

鸿蒙tabbar ArkTS

鸿蒙tabbarArkTS做了仿照现在应用的做了一个tabbar。官方文档地址参考文档tabbar其中有个比较重要的点是,对image资源的引用问题。资源相关说明图片是resources目录下的base目录下的。media目录下的图片的资源不能添加文件夹,只能是文件,而且文件的命名规则是只能包含字母大小写和下划线。另外{资源引用的方式](https://developer.harmonyos.com/cn/docs/documentation/doc-references-V3/ts-types-0000001477981241-V3)要求资源定义的内容必须在编码阶段确定,中间不能更改,因此不

Arkts-渲染控制与if/else条件渲染开发详解【鸿蒙专栏-15】

文章目录ArkTS渲染控制概述:条件渲染的艺术条件渲染的基本概念if/else语句的使用规则更新机制使用场景示例使用if进行条件渲染if...else...语句和子组件状态嵌套if语句优化状态管理与子组件状态保留总结结语ArkTS渲染控制概述:条件渲染的艺术在ArkTS的UI开发中,渲染控制是一项强大的功能,通过条件渲染语句,你可以根据应用的状态,动态地构建UI。本文将深入探讨ArkTS中的条件渲染,包括if、else和elseif语句的使用规则、更新机制以及在不同场景中的应用。条件渲染的基本概念

【鸿蒙应用ArkTS开发系列】-自定义底部菜单列表弹窗

文章目录前言创建Demo工程创建dialog文件夹创建ListMenu接口创建自定义弹窗ListMenuDialog使用自定义弹窗打包测试效果演示默认效果菜单带图标效果设置文本颜色效果不同文本颜色效果无标题效果前言上一篇文章中我们实现了选择图片、选择文件、拍照的功能。链接在这里,大家有兴趣可以点击《【鸿蒙应用ArkTS开发系列】-选择图片、文件和拍照功能实现》。之前的效果这一节我们要实现的效果上一节我们是在页面布局中使用三个按钮来作为入口,但是有些场景,我们希望应用以底部菜单弹窗的形式来与用户进行操作交互。那在鸿蒙原生应用中,一个自定义的底部菜单列表弹窗应该怎么实现呢,这一节,我们来讲下这个基

HarmoneyOS ArkTS TabContent组件实现类微信(可滑动的)tabBar页签切换页面功能

关键词:harmoneyOS  鸿蒙开发  ArkTS  TabContent使用场景:类微信底部导航栏,点击/左右滑动切换页面并加载数据开发环境:ArkTS3.1 API9 Phone设备HMOSDev官方文档:文档中心演示效果:目录完整Demo已提交至Gitee搭建页面自定义TabContent(往后翻有完整代码)思路开始完整自定义tabs代码页面切换后如何加载新数据介绍父子组件解释开始页面切换时可加载新数据的完整代码完整Demo已提交至Gitee,传送门:鸿蒙ArkTStabBar页签切换Demo:HarmoneyOS鸿蒙ArkTStabBar页签切换完整项目Demo搭建页面我这里用三个

鸿蒙4.0开发笔记之ArkTS语法基础的UI描述、基础组件的使用与如何查看组件是否有参数(八)

文章目录一、声明式UI描述1、无/有参数组件2、如何查看组件是否有参数二、Image组件的使用三、组件的属性设置四、补充1、使用组件的成员函数配置组件的事件方法2、配置子组件3、多组件嵌套一、声明式UI描述在HarmonyOS的ArkTS语法中,万物皆组件。ArkTS以声明方式组合和扩展组件来描述应用程序的UI,同时还提供了基本的属性、事件和子组件配置方法,帮助开发者实现应用交互逻辑。根据组件构造方法的不同,创建组件包含有参数和无参数两种方式。1、无/有参数组件无参数组件:如果组件的接口定义没有包含必选构造参数,则组件后面的“()”不需要配置任何内容。例如,Divider组件不包含构造参数:C

HarmonyOS ArkTS 保存应用数据(十)

1概述在移动互联网蓬勃发展的今天,移动应用给我们生活带来了极大的便利,这些便利的本质在于数据的互联互通。因此在应用的开发中数据存储占据了非常重要的位置,HarmonyOS应用开发也不例外。2什么是首选项首选项为应用提供Key-Value键值型的数据存储能力,支持应用持久化轻量级数据,并对其进行增删除改查等。该存储对象中的数据会被缓存在内存中,因此它可以获得更快的存取速度,下面详细介绍下首选项的开发过程。3首选项运作机制首选项的特点是:1、以Key-Value形式存储数据Key是不重复的关键字,Value是数据值。2、非关系型数据库区别于关系型数据库,它不保证遵循ACID(Atomicity,C

编译一份适用于鸿蒙ArkTs的so动态库教学,提供给第三方导入并使用

编译一份适用于鸿蒙ArkTs的so动态库教学,提供给第三方导入并使用1准备一份c代码2创建一个native项目3编译并导出so库4导入第三方so动态库并在ArkTs中使用5添加注册函数和其他ArkTs与cfunction交互的函数N-Api转载注明出处1准备一份c代码这里以cJSON为例,只需要使用到仓库的cJSON.h和cJSON.c2创建一个native项目打开DevEco-Studio创建一个native项目选项随意填写将cJSON.c和cJSON.h放到项目自动创建的cpp文件夹下在cmakelists.txt添加两行add_library(cjsonSHAREDcJSON.c)tar